<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
    	<link href="../css/myorder.css" rel="stylesheet" />
    	<script src="../js/jquery-1.9.1.min.js"></script>
	</head>

	<body>
		<!--  顶部组件      -->
		<header class="mui-bar mui-bar-nav head">
			<a class="mui-action-back">
				<span class="mui-icon mui-icon-arrowleft sp5"></span>
			</a>
		    <h1 class="mui-title">我的订单</h1>
		    <span class="gouwuche">
		    	<i class="iconfont icon-gouwuche"></i>
		    </span>
		</header>
		
		<!--  底部导航栏     -->
		
		
		<!--  主题内容组件     -->
		<div id="all_order" class="mui-content">
			<!--<div class="shangpin">
				<div class="shangpin_top">
					<h5>未付款</h5>
					<div class="rights">
						<a>订单号：<span>201612026898</span></a>
						<span class="mui-icon iconfont icon-jinlingyingcaiwangtubiao30 shanchu"></span>
					</div>
				</div>
				<div class="shangpin_zhong">
					<div class="imgs1">
						<img src="../img/wode/jiyou2.jpg" />
					</div>
					<div class="imgs1">
						<img src="../img/wode/jiyou1.jpg" />
					</div>
				</div>
				<div class="shangpin_bottom">
					<a class="fukuan">应付款：<span>3680</span>元</a>
					<a class="jiesuan" href="#">立即结算</a>
				</div>
			</div>-->
			<!--<div class="shangpin">
				<div class="shangpin_top">
					<h5>已付款</h5>
					<div class="rights">
						<a>订单号：<span>201612026898</span></a>
						<span class="mui-icon iconfont icon-jinlingyingcaiwangtubiao30 shanchu"></span>
					</div>
				</div>
				<div class="shangpin_zhong">
					<div class="imgs1">
						<img src="../img/wode/jiyou2.jpg" />
					</div>
					<div class="imgs1">
						<img src="../img/wode/jiyou1.jpg" />
					</div>
				</div>
				<div class="shangpin_bottom">
					<a class="fukuan">以付款：<span>3680</span>元</a>
					<a class="jiesuan" href="#">再次购买</a>
				</div>
			</div>-->
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<script  type="text/javascript">
			$.getJSON("../json/muorder.json",function(data){
                for(var obj in data){
                    var weifu ="";
                    $.each(data[obj],function(infoIndex,info){
    //                  alert(info.img_list)
                        weifu +='<div class="shangpin">';
                        weifu +='<div class="shangpin_top">';
                        weifu +='<h5>' + info.g_fukuan + '</h5>';
                        weifu +='<div class="rights">';
                        weifu +='<a>订单号：<span>' + info.g_dingdan.id + '</span></a>';
                        weifu +='<span class="mui-icon iconfont icon-jinlingyingcaiwangtubiao30 shanchu"></span>';
                        weifu +='</div></div>';
                        weifu +='<div class="shangpin_zhong">';
                        var Outstring = "";
                        $.each(info.img_list, function(index, data){
                            Outstring += '<div class="imgs1">';
                            Outstring += '<a href=' + data.href + '>'
                            Outstring += '<img src=' + data.img + '>';
                            Outstring += '</a></div>';
                        })
                        weifu += Outstring;
                        weifu += '</div>';
                        weifu +='<div class="shangpin_bottom">';
                        weifu +='<a class="fukuan">应付款：<span>' + info.g_zongjiao + '</span>元</a>';
                        weifu +='<a class="jiesuan" href="#">立即结算</a>';
                        weifu +='</div></div>';
                        });
                   $("#all_order").append(weifu);
                   $(".imgs1:last").addClass("lasts");
                };
       		});
		</script>
	</body>

</html>
